#navigation-content,
.nav-right-funtion,
.nav-right-funtion>ul {
    display: flex;
    align-items: center;
}

#navigation-content {
    height: inherit;
    justify-content: space-between;
    font-size: .75rem;
}

.nav-left-location {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 1.875rem;
    padding: 0 .8em;
    border: .0625rem solid #e3e4e5;
}

.nav-left-location:hover {
    box-sizing: content-box;
    cursor: pointer;
    background-color: white;
    border-left: .0625rem solid #cccccc;
    border-right: .0625rem solid #cccccc;
    border-bottom: .0625rem solid white;
}

.nav-left-location i {
    font-size: .875rem;
    margin-right: .25em;
}

.nav-right-funtion {
    height: 1.875rem;
}

.nav-right-funtion i {
    font-size: .75rem;
}

.nav-right-funtion button {
    font-size: .75rem;
    background-color: transparent;
    border: none;
}

.nav-right-funtion>label {
    padding-right: .5em;
}

.nav-right-funtion>button {
    padding-right: 1em;
}

.nav-right-funtion>ul {
    height: 1.875rem;
    position: relative;
}

.nav-right-funtion>ul>li>span {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 1.875rem;
    padding: 0 .5em;
    margin: 0 .5em;
}

.nav-right-funtion>ul>li:nth-child(-n+5):not(:first-child)>span {
    position: relative;
    z-index: 9;
    box-sizing: border-box;
    border: .0625rem solid #e3e4e5;
}

.nav-right-funtion>ul>li:nth-child(-n+5):not(:first-child):hover>span {
    box-sizing: content-box;
    cursor: pointer;
    background-color: white;
    border-left: .0625rem solid #cccccc;
    border-right: .0625rem solid #cccccc;
    border-bottom-color: white;
}

.nav-right-funtion>ul>li:nth-child(2):hover>span~div {
    display: block;
}

/* 分割线 */
/* .nav-right-funtion>ul>li::before {
    content: "";
    display: inline-block;
    height: .8em;
    border-left: .0625rem solid #ccc;
} */

.nav-right-funtion>label:hover,
.nav-right-funtion>button:hover,
.nav-right-funtion>ul>li:hover>span {
    cursor: pointer;
    color: #e33333;
}

/* 以下是隐藏元素 */
.nav-right-funtion>ul>li:nth-child(2)>.absolute-area {
    display: none;
    position: absolute;
    z-index: 1;
    top: 1.875rem;
    left: 4.875rem;
    min-width: 16rem;
    min-height: 14rem;
    background-color: white;
    border: .0625rem solid #cccccc;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .1);
}

.nav-right-funtion>ul>li:nth-child(2) .absolute-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nav-right-funtion>ul>li:nth-child(2) .absolute-content>div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: .8em;
    column-gap: 2em;
    padding: 1em 1.2em;
}

.nav-right-funtion>ul>li:nth-child(2) .absolute-content>div:nth-child(-n+2) {
    border-bottom: .0625rem solid #f1f1f1;
}

.nav-right-funtion>ul>li:nth-child(2) .absolute-content>div>span:hover{
    color: #e33333;
    cursor: pointer;
}